<script lang="ts">
import { defineComponent } from "vue";
import { Empty } from "vant";
export default defineComponent({
    components: {
        [Empty.name]: Empty,
    },
});
</script>
<template>
    <div class="null">
        <!-- <van-empty image="error" :description="$t('layout.notYetOpen')" /> -->
        <div class="text">
            {{ $t("layout.notYetOpen") }}
        </div>
    </div>
</template>
<style lang="less" scoped>
.null {
    min-height: 100vh;
    position: relative;
    // background-image: url("~@/assets/image/contribution_bg.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #d6a88b;
    text-align: center;

    .text {
        padding-top: 100px;
    }

    .van-empty {
        &:deep(.van-empty__description) {}
    }
}
</style>
